@import "~include-media/dist/_include-media.scss";

.container {
  color: black;

  @include media('>phone', '<=tablet') {
    color: darkgreen;
  }

  @include media('<=phone') {
    color: greenyellow;
  }
}

.container1 {
  color: lighten(black, 20);

  @include media('>phone', '<=tablet') {
    color: lighten(darkgreen, 20);
  }

  @include media('<=phone') {
    color: lighten(greenyellow, 20);
  }

  .text {
    color: black;

    @include media('>phone', '<=tablet') {
      color: darkgreen;
    }

    @include media('<=phone') {
      color: greenyellow;
    }
  }
}